<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>摄影分享页面</title>
    <link rel="stylesheet" href="1835.css">
</head>
<body>
    <!-- 顶部导航栏 -->
    <header class="top-nav">
        <nav>
            <ul>
                <li><a href="#">开课吧首页</a></li>
                <li><a href="#">创业微学院</a></li>
                <li><a href="#">摄影微学院</a></li>
                <li><a href="#">微聚</a></li>
                <li><a href="#">论坛</a></li>
                <li class="right-nav"><a href="#">登录 | 注册</a></li>
                <li class="right-nav"><a href="#">播放记录</a></li>
                <li class="right-nav"><a href="#">APP下载</a></li>
            </ul>
        </nav>
    </header>

    <!-- 二级导航栏 -->
    <nav class="sub-nav">
        <div class="sub-nav-left">
            <a href="#" class="logo">摄影开课吧</a>
            <a href="#">个人中心</a>
            <a href="#">视频播放</a>
        </div>
        <div class="sub-nav-right">
            <button class="icon-btn"><img src="2.png" alt="图标1"></button>
            <button class="icon-btn"><img src="2.png" alt="图标2"></button>
            <button class="icon-btn"><img src="2.png" alt="图标3"></button>
            <button class="icon-btn"><img src="2.png" alt="图标4"></button>
        </div>
    </nav>

    <!-- 横幅图片 -->
    <section class="banner">
        <img src="2.png" alt="风景横幅">
    </section>

    <!-- 最热视频部分 -->
    <section class="hot-videos">
        <h2>最热视频-大家都在看</h2>
        <div class="video-grid">
            <img src="2.png" alt="相机视频" class="large-video">
            <div class="small-videos">
                <img src="2.png" alt="人物视频">
                <img src="2.png" alt="向日葵视频">
                <img src="2.png" alt="树木视频">
                <img src="2.png" alt="人物剪影视频">
                <img src="2.png" alt="田野视频">
            </div>
        </div>
    </section>

    <!-- 大咖推荐部分 -->
    <section class="expert-recommend">
        <h2>大咖推荐-看看牛人分享</h2>
        <div class="recommend-grid">
            <img src="2.png" alt="推荐图片1">
            <img src="2.png" alt="推荐图片2">
            <img src="2.png" alt="推荐图片3">
            <img src="2.png" alt="推荐图片4">
        </div>
    </section>

    <!-- 底部 -->
    <footer class="footer">
        <a href="#" class="top-btn">Top</a>
        <p>Copyright©2024 开课吧 版权所有</p>
    </footer>
</body>
</html>